<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="utf-8">
    <title>Canvas Paint - Example 1</title>
    <style type="text/css">
  #container { position: relative; }
  #imageView { border: 1px solid #000; }
  #imageTemp { position: absolute; top: 1px; left: 1px; }
</style>
<script type="text/javascript" src="jscolor.js"></script>
  </head>
  <body>
  
	<p><label>Drawing tool: <select id="dtool">
		<option value="rect">Rectangle</option>
		<option value="pencil">Pencil</option>
		<option value="line">Line</option>
		<option value="circle">Cercle</option>
	</select></label></p>
	
    <p>Click and Move the mouse over the rectangle below.</p>
    <div id="container">
      <canvas id="imageView" width="400" height="300">
        <p>Unfortunately, your browser is currently unsupported by our web 
        application.  We are sorry for the inconvenience. Please use one of the 
        supported browsers listed below, or draw the image you want using an 
        offline tool.</p>
        <p>Supported browsers: <a href="http://www.opera.com">Opera</a>, <a 
          href="http://www.mozilla.com">Firefox</a>, <a 
          href="http://www.apple.com/safari">Safari</a>, and <a 
          href="http://www.konqueror.org">Konqueror</a>.</p>
          
      </canvas>
        

	Click here: <input id="color" class="color" value="66ff00">
	  
	  <p id="tchat">
		
	  </p>
    </div>

    <script type="text/javascript" src="monExample.js"></script>
  </body>
</html>